<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/customer.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb b-box">
			<!-- 放logo图 -->
			<div id="logo"></div>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-black">
				<li>
					<a href="../html/index.html">首页</a>
				</li>
				<li>
					<a href="../html/api-index.html">API</a>
				</li>
				<li>
					<a href="../html/api-detail.html">云服务</a>
				</li>
				<li class="active">
					<a href="../html/customer.html">案例</a>
				</li>
				<li>
					<a href="../html/customer-detail.html">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-black">
				<span class="fz-14">登录</span>
				<span class="fz-14">注册有礼</span>
			</div>
		</header>
		<!-- 主体 -->
		<main>
			<!-- banner区 -->
			<section id="banner" class="rel">
				<!-- 粒子效果背景 -->
				<div id="banner-bg" class="abs"></div>
				<div class="container text-c fc-white b-box pt-80">
					<h1>助力行业巨头、独角兽企业</h1>
					<p>已服务10万+企业客户</p>
					<p>- 精选案例 -</p>
				</div>
			</section>
			<section class="container flex-sb">
				<!-- 版心左侧 -->
				<div id="containerLt">
					<!-- 金融案例 -->
					<div id="economy" class="on">
						<p>
							<strong>金融案例</strong>
							<span>/Financial Case</span>
						</p>
						<ul id="banktext" class="flex-c-sb">
							<!-- <li>
								<img src="../images/szyh.png" alt="图片已损坏" />
								<div>
									<p>苏州银行数据API服务系统</p>
									<p>
										苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
									</p>
									<a class="fz-12" href="#">了解详情</a>
								</div>
							</li> -->
						</ul>
					</div>
					<!-- 企业案例 -->
					<div id="company">
						<p>
							<strong>企业案例</strong>
							<span>/business Case</span>
						</p>
						<ul id="companyList" class="flex-c-sb"></ul>
					</div>
					<!-- 政务案例 -->
					<div id="government">
						<p>
							<strong>政务案例</strong>
							<span>/Government Case</span>
						</p>
						<ul id="governmentList" class="flex-c-sb"></ul>
					</div>
					<!-- 更多伙伴 -->
					<div id="partner">
						<p>
							<strong>更多伙伴</strong>
							<span>/More Partners</span>
						</p>
						<ul id="partnerList" class="flex-c-sb flex-warp">
							<li>
								<img
									src="../images/more-partners-item01.svg"
									alt="图片已损坏"
								/>
							</li>
							<li>
								<img
									src="../images/more-partners-item02.svg"
									alt="图片已损坏"
								/>
							</li>
							<li>
								<img
									src="../images/more-partners-item03.svg"
									alt="图片已损坏"
								/>
							</li>
							<li>
								<img
									src="../images/more-partners-item04.svg"
									alt="图片已损坏"
								/>
							</li>
							<li>
								<img
									src="../images/more-partners-item05.svg"
									alt="图片已损坏"
								/>
							</li>
							<li>
								<img
									src="../images/more-partners-item06.svg"
									alt="图片已损坏"
								/>
							</li>
							<li>
								<img
									src="../images/more-partners-item07.svg"
									alt="图片已损坏"
								/>
							</li>
							<li>
								<img
									src="../images/more-partners-item08.svg"
									alt="图片已损坏"
								/>
							</li>
							<li>
								<img
									src="../images/more-partners-item09.svg"
									alt="图片已损坏"
								/>
							</li>
						</ul>
					</div>
				</div>
				<!-- 版心右侧 -->
				<div id="containerRt" class="pt-60 b-box">
					<ul>
						<li class="active">金融案例</li>
						<li>企业案例</li>
						<li>政务案例</li>
						<li>更多伙伴</li>
					</ul>
				</div>
			</section>
		</main>
		<!-- 尾部 -->
		<footer>
			<!-- 尾部版心 -->
			<div class="container flex-c-sa">
				<!-- 左边文字 -->
				<ul id="footer-text" class="flex-c-sa">
					<li>
						<strong>联系与支持</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<strong>源于源码</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<strong>快速入口</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<strong>产品服务</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<strong>解决办法</strong>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
				</ul>

				<!-- 右侧二维码 -->
				<div id="wechat">
					<strong>微信公众号</strong>
					<p class="text-p">源码时代</p>
					<img src="../images/wechat-white.png" alt="图片已损坏" />
				</div>
			</div>
			<!-- 下方许可证 -->
			<div class="text-vertical container flex-c-sb licence b-box">
				<div>
					<img src="../images/bei2.png" alt="图片 " />
					<img src="../images/bei1.png" alt="图片 " />
					<span class="text-p text-vertical">
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span
					>
				</div>

				<span class="text-p"> 源码大数据股份有限公司©版权所有 </span>
			</div>
			<!-- 精灵图回到顶部 -->
			<div id="spirit"></div>
		</footer>
		<script src="../js/util.js"></script>
		<!-- 引入粒子效果 -->
		<script src="../lib/canvas-particle.js"></script>
		<!-- 1.引入自己的js -->
		<script src="../js/customer.js"></script>
		<script>
			// console.log($("#master"));
		</script>
	</body>
</html>
